@import "./variables";

/* 所有section都按grid布局 */
section {
    display: grid;
    padding: 0 80px;
    max-width: 1180px;
    // width: 100%;
    /* 单元格都居中对齐 */

    justify-items: center;
  }
  
  /* 区域大标题 */
  .title1 {
    color: $text-color-darker;
    /* justify-self: center; */
    /* position: relative; */
    font-size: 34px;
  }
  /* 大标题下方红线 */
  .title1::after {
    display: block;
    margin-top: 14px;
    width: 80%;
    height: 4px;
    background-color: $primary-color;
    content: "";
    transform: translateX(10%);
  }
  
  /* 大d标题下方简介 */
  .intro {
    margin: 28px 0 60px 0;
    color: $text-color-dark-gray;
    font-size: 18px;
  }
  
  /* 区域背景色，因为区域有最大宽度限制，用before来设置占满浏览器宽度 */
  .section-bg {
    position: relative;
  }
  
  .section-bg::before {
    position: absolute;
    z-index: -1;
    display: block;
    width: 100vw;
    height: 100%;
    background-color: #f9fbfb;
    content: "";
  }